<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="keywords" content="苏州、竞技乎、大数据、竞赛平台">
		<title>个人档案</title>
		<link rel="shortcut icon" href="../img/favicon.ico" type="image/png">
		<link href="../thirdparty/bootstrap/css/bootstrap-paper.min.css" rel="stylesheet">
		<link href="../css/base.css" rel="stylesheet">
		<script src="../thirdparty/jquery.min.js"></script>
		<script src="../thirdparty/bootstrap/js/bootstrap.js"></script>
		<script src="../js/fn.js"></script>
	</head>

	<body>
		<nav class="navbar navbar-default" role="navigation">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
			          <span class="sr-only">Toggle navigation</span>
			          <span class="icon-bar"></span>
			          <span class="icon-bar"></span>
			          <span class="icon-bar"></span>
			        </button>
					<a class="navbar-brand" href="../index.html"><img src="../img/Logo_Hover.png" /></a>
				</div>
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li class="">
							<a href="../competitions.html">竞赛列表</a>
						</li>
						<li class="">
							<a href="../workshows.html">作品</a>
						</li>
						<li class="">
							<a href="../about.html">关于我们</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a href="#" data-toggle="modal" data-target="#login">登录</a>
						</li>
						<li>
							<a href="#" data-toggle="modal" data-target="#register">注册</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<div class="container">
			<div class="row">
				<div class="col-lg-3 visible-lg-block ">
					<ul class="nav nav-pills nav-stacked wraper ">
						<li role="presentation" class="active">
							<a href="profile.html">个人档案</a>
						</li>
						<li role="presentation">
							<a href="joinmatch.html">参与的比赛</a>
						</li>
						<li role="presentation">
							<a href="jointeam.html">参与的队伍</a>
						</li>
						<li role="presentation">
							<a href="jointopic.html">参与的话题</a>
						</li>
						<li role="presentation">
							<a href="../f_new/applymatch.html">创建竞赛</a>
						</li>
						<li role="presentation">
							<a href="ownmatch.html">创建的比赛</a>
						</li>
						<li role="presentation">
							<a href="message.html">消息</a>
						</li>
					</ul>
				</div>
				<div class="col-sm-12 col-md-12 hidden-lg mb10">
					<ul class="nav nav-tabs ">
						<li role="presentation" class="active">
							<a href="profile.html">个人档案</a>
						</li>
						<li role="presentation">
							<a href="joinmatch.html">参与的比赛</a>
						</li>
						<li role="presentation">
							<a href="jointeam.html">参与的队伍</a>
						</li>
						<li role="presentation">
							<a href="jointopic.html">参与的话题</a>
						</li>
						<li role="presentation">
							<a href="../f_new/applymatch.html">创建竞赛</a>
						</li>
						<li role="presentation">
							<a href="ownmatch.html">创建的比赛</a>
						</li>
						<li role="presentation">
							<a href="message.html">消息</a>
						</li>
					</ul>
				</div>

				<div class="wraper col-sm-12 col-md-12 col-lg-9">
					<div class="section">
						<h4>比赛档案</h4>
						<div class="info">
							<div class="left text-center">
								<img src="" class="img-thumbnail avatar" style="display: block;">
								<span>xxxx</span>
							</div>
							<div class="ml20">
								<p>总分 <span class="blue">-</span></p>
								<p>排名 <span class="blue">-</span></p>
								<p>成就 <img src="img/First_Filled.png" class="icon"></p>
							</div>
						</div>
					</div>
					<hr>
					<div class="section " id="profile">
						<form class="form-horizontal" data-action="${su:pD('/user/detail/update') }" id="detailForm" method="post">
							<div class="pull-right">
								<button type="button" class="btn btn-primary mb10" id="modify">编辑</button>
								<button type="button" class="btn btn-primary mb10 hidden" id="save">保存</button>
							</div>
							<h4>基本信息</h4>
							<div class="row">
								<div class="col-md-6 form-group">
									<label class="col-md-4 control-label">昵称 <strong style="color:red;">*</strong></label>
									<div class="col-md-8">
										<input type="text" class="form-control" id="nickname" name="displayName" class="mb10 ml20" placeholder="请填昵称" value="">
									</div>
								</div>
								<div class="col-md-6 form-group">
									<label class="col-md-4 control-label">最高学历</label>
									<div class="col-md-8">
										<input type="text" class="form-control" id="degree" name="education" class="mb10 ml20" placeholder="请填写学历" value="">
									</div>
								</div>

								<div class="col-md-6 form-group">
									<label class="col-md-4 control-label">生日</label>
									<div class="col-md-8">
										<input type="text" class="form-control" id="birthday" name="birthday" class="mb10 ml20" placeholder="YYYY-MM-DD" value="">
									</div>
								</div>
								<div class="col-md-6 form-group">
									<label class="col-md-4 control-label">学校</label>
									<div class="col-md-8">
										<input type="text" class="form-control" id="school" name="university" class="mb10 ml20" placeholder="请填写毕业学校" value="">
									</div>
								</div>
								<div class="col-md-6 form-group">
									<label class="col-md-4 control-label">专业</label>
									<div class="col-md-8">
										<input type="text" class="form-control" id="profession" name="major" class="mb10 ml20" placeholder="请填写专业" value="">
									</div>
								</div>
								<div class="col-md-6 form-group">
									<label class="col-md-4 control-label">手机号</label>
									<div class="col-md-8">
										<input type="tel" class="form-control" id="telphone" name="telphone" class="mb10 ml20" placeholder="请填写手机号码" value="">
									</div>
								</div>
								<div class="col-md-6 form-group">
									<label class="col-md-4 control-label">公司</label>
									<div class="col-md-8">
										<input type="text" class="form-control" id="company" name="organization" class="mb10 ml20" placeholder="请填写所在公司" value="">
									</div>
								</div>
								<div class="col-md-6 form-group">
									<label class="col-md-4 control-label">职业</label>
									<div class="col-md-8">
										<input type="text" class="form-control" id="occupation" name="occupation" class="mb10 ml20" placeholder="请填写职业" value="">
									</div>
								</div>
								<div class="col-md-6 form-group">
									<label class="col-md-4 control-label">国家</label>
									<div class="col-md-8">
										<input type="text" class="form-control" id="country" name="country" class="mb10 ml20" placeholder="请填写国家" value="">
									</div>
								</div>
								<div class="col-md-6 form-group">
									<label class="col-md-4 control-label">地址</label>
									<div class="col-md-8">
										<input type="text" class="form-control" id="address" name="address" class="mb10 ml20" placeholder="这里显示详细地址" value="">
									</div>
								</div>
								<div class="col-md-12 error error-detail">
									&nbsp;
								</div>
							</div>
						</form>
					</div>
					<hr>
					<div class="section mb20">
						<h4>实名认证</h4>
						<p class="text-center">实名认证是为了保证竞赛公平，我们承诺对您的个人信息保密。</p>
						<div class="text-center">
							<a href="#" data-toggle="modal" data-target="#verify">
								<button class="btn btn-primary btn-lg" style="width:288px;">你尚未完成认证，去认证</button>
							</a>
						</div>
					</div>
					<hr>
					<div class="section mb20">
						<h4>实名认证</h4>
						<p class="text-center">实名认证是为了保证竞赛公平，我们承诺对您的个人信息保密。</p>
						<div class="wraper" style="width:300px;margin:0 auto;">
							<h4 class="text-center">你已完成实名认证</h4>
							<p style="padding-left:30px;">姓名：${basic.realName }</p>
							<p style="padding-left:16px;">身份证：${basic.identityId }</p>
							<p style="padding-left:16px;">手机号：${basic.telephone }</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- auth dialog -->
		<div class="modal fade" id="verify" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<form class="form-horizontal" name="verifyForm" id="verifyForm" data-action="${su:pD('/user/auth/real/verify') }">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
							<h3 class="modal-title text-center" id="myModalLabel">实名认证</h3>
						</div>
						<div class="modal-body">
							<div class="form-group">
								<label for="identityNumber" class="col-md-offset-2 col-md-2 control-label">证件号码</label>
								<div class="col-md-6">
									<input type="text" class="form-control" id="identityNumber" name="identityId" placeholder="请输入身份证号码">
								</div>
							</div>
							<div class="form-group">
								<label for="realName" class="col-md-offset-2 col-md-2 control-label">真实姓名</label>
								<div class="col-md-6">
									<input type="text" class="form-control" id="realName" name="fullName" placeholder="请输入您的真实姓名">
								</div>
							</div>
							<div class="form-group">
								<label for="telphone" class="col-md-offset-2 col-md-2 control-label">手机号码</label>
								<div class="col-md-6">
									<input type="text" class="form-control" id="telphoneVerify" name="loginTel" placeholder="请输入您的手机号">
								</div>
							</div>
							<div class="col-md-offset-2 col-md-8 text-center">
								<button data-action="${su:pD('/user/auth/phcode/send') }" data-loading-text="正在发送..." autocomplete="off" type="button" id="verifySend" class="btn btn-primary">发送验证码</button>
							</div>
							<div class="form-group">
								<label for="intro" class="col-md-offset-2 col-md-2 control-label">验证码</label>
								<div class="col-md-6">
									<input type="text" class="form-control" id="code" name="code" placeholder="请输入您收到的验证码">
								</div>
							</div>
							<div class="error error-auth mt-10">&nbsp;</div>
						</div>
						<div class="modal-footer">
							<button type="button" id="verifySubmit" class="btn btn-lg btn-primary">提交</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</body>

</html>